<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="Bookmark" href="favicon.ico" >
<link rel="Shortcut Icon" href="favicon.ico" />
<!--[if lt IE 9]>
<script type="text/javascript" src="__ADMIN__/lib/html5.js"></script>
<script type="text/javascript" src="__ADMIN__/lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="__ADMIN__/static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="__ADMIN__/static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="__ADMIN__/lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="__ADMIN__/static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="__ADMIN__/static/h-ui.admin/css/style.css" />
<!--[if IE 6]>
<script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script><![endif]-->
<!--/meta 作为公共模版分离出去-->


	<!--ueditor-->
	<script type="text/javascript" charset="utf-8" src="__ADMIN__/lib/qiniu_ueditor/ueditor.config.js"></script>
	<script type="text/javascript" charset="utf-8" src="__ADMIN__/lib/qiniu_ueditor/ueditor.all.min.js"> </script>
	<!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
	<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
	<script type="text/javascript" charset="utf-8" src="__ADMIN__/lib/qiniu_ueditor/lang/zh-cn/zh-cn.js"></script>

<title>添加活动</title>
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body>
<article class="cl pd-20">
	<form action="{:url('admin/activity/add')}" method="post" class="form form-horizontal" onsubmit="return doSubmit()" id="form-member-add">
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>活动标题：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="" placeholder="" name="title">
			</div>
		</div>

		<!--<div class="row cl" id="for_model_id_cont">-->
			<!--<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>活动类型：</label>-->
			<!--<div class="formControls col-xs-8 col-sm-9"> <span class="select-box">-->
				<!--<select name="activity_type" class="select">-->
					<!--<option value="0">选择活动类型</option>-->
					<!--{volist name="activityType" id="at"}-->
						<!--<option value="{$at.id}" >{$at.name}</option>-->
					<!--{/volist}-->
				<!--</select>-->
				<!--</span> </div>-->
		<!--</div>-->

		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">首页展示：</label>
			<div class="formControls col-xs-8 col-sm-9 skin-minimal">
				<div class="radio-box">
					<input name="is_home_page" type="radio" id="sex-s1" value="1">
					<label for="sex-s1">是</label>
				</div>
				<div class="radio-box">
					<input name="is_home_page" type="radio" id="sex-s2" value="0" checked>
					<label for="sex-s2">否</label>
				</div>
			</div>
		</div>

		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">活动头图：</label>
			<div class="formControls col-xs-8 col-sm-9"> <span class="btn-upload form-group">
				<input class="input-text upload-url" type="text" name="uploadfile" id="uploadfile" readonly nullmsg="请添加附件！" style="width:200px">
				<a href="javascript:void();" class="btn btn-primary radius upload-btn"><i class="Hui-iconfont">&#xe642;</i> 浏览文件</a>
				<input type="file" name="file-2" class="input-file">
				</span> </div>
		</div>

		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">活动描述：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<textarea name="description" cols="" rows="" class="textarea"  placeholder="说点什么..."></textarea>
				<p class="textarea-numberbar"><em class="textarea-length">0</em>/200</p>
			</div>
		</div>

		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">优惠券选择：</label>
			<div class="formControls col-xs-8 col-sm-9"> <span class="select-box">
				<select class="select" size="1" name="is_have_coupon" id="is_have_coupon">
					{volist name="couponCategory" id="coupon"}
						<option value="{$coupon.id}">{$coupon.name}</option>
					{/volist}
				</select>
				</span> </div>
		</div>

		{volist name="couponCategory" id="coupon" key="key"}
		<div class="row cl coupon_cate_{$coupon.id}">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>{$coupon.name}：</label>
			<div class="formControls col-xs-8 col-sm-9 skin-minimal">
				{volist name="coupon.child" id="cou" key="k"}
				<div class="radio-box">
					<input name="coupon_ids[]" type="checkbox" id="sex-{$k}" value="{$cou.id}">
					<label for="sex-{$k}">{$cou.name}</label>
				</div>
				{/volist}
			</div>
		</div>
		{/volist}

		<div class="row cl coupon_cate_limit">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>优惠券数量：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="number" class="input-text" value="" placeholder="0" name="coupon_limit" style="width:60%;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:red;">如果为0则不限制优惠券数量</span>
			</div>
		</div>

		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>活动时间：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" name="start_time" id="countTimestart" onfocus="selecttime(1)" value="<?php echo date('Y-m-d H:i:s',time()); ?>" size="17" style="width:207px;" class="input-text Wdate" readonly> - <input value="<?php echo date('Y-m-d H:i:s',time()+3600*24*30); ?>" type="text" name="end_time" id="countTimeend" onfocus="selecttime(2)" size="17" style="width:207px;"  class="input-text Wdate" readonly>
			</div>
		</div>

		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">活动详情：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<script name="details" id="editor" type="text/plain" style="width:375px;height:667px;"></script>
			</div>
		</div>

		<div class="row cl">
			<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
				<input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
			</div>
		</div>
	</form>
</article>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="__ADMIN__/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="__ADMIN__/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="__ADMIN__/static/h-ui/js/H-ui.js"></script>
<script type="text/javascript" src="__ADMIN__/static/h-ui.admin/js/H-ui.admin.page.js"></script>
<!--/_footer /作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__ADMIN__/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="__ADMIN__/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="__ADMIN__/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="__ADMIN__/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript">

    var ue = UE.getEditor('editor');

	$(function () {
		var coupon_cate = $('#is_have_coupon').val();
		$('.coupon_cate_0').hide();
        if(coupon_cate == 0){
            $('.coupon_cate_1,.coupon_cate_2,.coupon_cate_limit').hide();
        }else if(coupon_cate == 1){
            $('.coupon_cate_1,.coupon_cate_limit').show();
            $('.coupon_cate_2').hide();
        }else if(coupon_cate == 2){
            $('.coupon_cate_2,.coupon_cate_limit').show();
            $('.coupon_cate_1').hide();
        }else{
            //do nothing
        }
    });

	$('#is_have_coupon').change(function () {
	    var coupon_cate = $(this).val();
		judgeShow(coupon_cate);
    })

	function judgeShow(tag){
		if(tag == 0){
			$('.coupon_cate_1,.coupon_cate_2,.coupon_cate_limit').hide();
			$('.coupon_cate_1,.conpon_cate_2 input').attr('checked',false);
		}else if(tag == 1){
			$('.coupon_cate_1,.coupon_cate_limit').show();
			$('.coupon_cate_2 input').attr('checked',false);
			$('.coupon_cate_2').hide();
		}else if(tag == 2){
		    $('.coupon_cate_2,.coupon_cate_limit').show();
		    $('.coupon_cate_1 input').attr('checked',false);
		    $('.coupon_cate_1').hide();
		}else{
		    //do nothing
		}
	}

	$('#activity_description').keyup(function(){
	    $(this).Huitextarealength({minlength:0,maxlength:200});
	});
//$(function(){
//	$('.skin-minimal input').iCheck({
//		checkboxClass: 'icheckbox-blue',
//		radioClass: 'iradio-blue',
//		increaseArea: '20%'
//	});
//
//	$("#form-member-add").validate({
//		rules:{
//
//		},
//		onkeyup:false,
//		focusCleanup:true,
//		success:"valid",
//		submitHandler:function(form){
//			$(form).ajaxSubmit();
//			var index = parent.layer.getFrameIndex(window.name);
//			parent.$('.btn-refresh').click();
//			parent.layer.close(index);
//		}
//	});
//});
function doSubmit(){
    var form = document.getElementById('form-member-add');
    var formData = new FormData(form);
    $.ajax({
        type : 'POST',
        url : "{:url('admin/activity/add')}",
        data : formData,
        dataType : 'json',
        processData : false,
        contentType : false,
        success:function(data){
            if(data.error == 0){
                layer.msg(data.msg,{icon:6});
                setTimeout("parent.location.reload();",1000);
            }else if(data.error == 1){
                layer.msg(data.msg,{icon:5});
            }
        },
        error:function(XMLHttpRequest, textStatus, errorThrown){

        },
    });
    return false;
}



function selecttime(flag){
    if(flag==1){
        var endTime = $("#countTimeend").val();
        if(endTime != ""){
            WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:endTime})}else{
            WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})}
    }else{
        var startTime = $("#countTimestart").val();
        if(startTime != ""){
            WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:startTime})}else{
            WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})}
    }
}
</script> 
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>